<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>环境保洁统计</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_equipment_frm.css" />
    <style>
        .mainbox {
            padding: 20px 16px 10px 20px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle" v-if="form.ProjectCompanyType==1">
                    项目名称
                </div>
                <div class="searchparamitem" v-if="form.ProjectCompanyType==1">
                    <label v-on:click="doSelectProject(item.ID,item.Name)"
                        v-bind:class="{'active':form.ProjectIDs.indexOf(item.ID)>-1}"
                        v-for="item in projectList">{{item.Name}}</label>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
            <div id="datemonth" data-options='{"type":"month"}' class="searchitem"
                v-bind:class="{'chkedbox':showsearchmonth}" v-on:click="doSelectSearchParam(2)">
                {{form.activeDateDesc}}
                <i v-if="!showsearchmonth" class="icon iconfont icon-down"></i>
                <i v-if="showsearchmonth" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        <div class="aui-content" style="margin-top: 2.3rem;">
            <div class="newcontentbox">
                <label class="bababa"> {{ProjectName}} </label>
                <label class="lr-line"> | </label>
                <label class="bababa"> {{form.startMonth}} 统计 </label>
                <div v-on:click="open_task()" class="newcontentbox-right bababa aui-font-size-12">详情<i class="icon iconfont icon-xiangyoujiantou bababa aui-margin-l-5 aui-font-size-12"></i></div>
                <!-- <div v-if="summary.YCCount!=undefined&&summary.YCCount>0" class="newcontentbox-right" ><label class="tag-label-blue tag-label-red">异常 {{summary.YCCount}} </label></div> -->
            </div>

            <div class="boxarea mainbox">
                <div class="aui-row list-content">
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">任务总数</div>
                        <div class="text-fontweight">{{summary.TaskTotal}}</div>
                    </div>
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">正常完成任务</div>
                        <div class="text-fontweight">{{summary.FinishTaskTotal}}</div>
                    </div>
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">未完任务</div>
                        <div class="text-fontweight">{{summary.UnFinishTaskTotal}}</div>
                    </div>
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">正常完成率</div>
                        <div class="text-fontweight">{{summary.FinishPoint}}</div>
                    </div>
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">超时完成</div>
                        <div class="text-fontweight">{{summary.OverTimeFinishTaskTotal}}</div>
                    </div>
                    <div class="aui-col-xs-4 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">超时完成率</div>
                        <div class="text-fontweight">{{summary.OverTimeFinishPoint}}</div>
                    </div>
                </div>
            </div>

             <!--统计-临时巡查记录数量-->
             <div v-if="LSsummary" class="newcontentbox">
                <label class="bababa">临时工作记录</label>
                <div v-on:click="open_task_time()" class="newcontentbox-right bababa aui-font-size-12">详情<i class="icon iconfont icon-xiangyoujiantou bababa aui-margin-l-5 aui-font-size-12" ></i></div>
            </div>
            <div v-if="LSsummary" class="boxarea mainbox">
                <div class="aui-row list-content">
                    <div class="aui-col-xs-3 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">环境保洁</div>
                        <div class="text-fontweight">{{LSsummary.HJBJ}}</div>
                    </div>
                    <div class="aui-col-xs-3 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">绿化养护</div>
                        <div class="text-fontweight">{{LSsummary.LHYH}}</div>
                    </div>
                    <div class="aui-col-xs-3 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">四害消杀</div>
                        <div class="text-fontweight" >{{LSsummary.SHXS}}</div>
                    </div>
                    <div class="aui-col-xs-3 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">垃圾清运</div>
                        <div class="text-fontweight" >{{LSsummary.LJQY}}</div>
                    </div>
                    <div class="aui-col-xs-3 aui-margin-b-10">
                        <div class="text-grey aui-margin-b-5">其他事件</div>
                        <div class="text-fontweight" >{{LSsummary.QTSJ}}</div>
                    </div>
                </div>
            </div>

            <div class="newcontentbox">
                <label class="bababa">本月工作类型占比情况</label>
            </div>


            <div class="boxarea mainbox">
                <div v-show="XJlist.length>0" id="containerzx" style="min-height: 320px;"></div>
                <div class="message"></div>

                <div v-if="XJlist.length<=0" class="noinfo" id="noorder" style="padding-top: 40px;padding-bottom: 40px;">
                    <img src="../image/index/noinfomsg_icon.png" alt="" />
                    <h5><br />暂无数据</h5>
                </div>
            </div>

            <div class="boxarea mainbox">
                <div class="app_list_txt" style="display: flex;">
                    <span>员工工作情况</span>
                    <div class="user-div-time">
                        <label class="user-label-time" style="display: flex;">
                            <select v-model="userTypeID" @change="onChangeType()" class="aui-font-size-14"
                                style="height:20px;">
                                <option v-for="item in userType" :value="item.ID">{{item.Name}}</option>
                            </select> <i class="icon iconfont icon-down aui-font-size-14"></i>
                        </label>
                    </div>
                </div>
                <div v-if="userList.length>0" class="user-header">
                    <div class="user-content" v-for="(item,index) in userList">
                        <div class="box_wrapper aui-padded-t-10 aui-padded-b-10" style="width:30px;display: flex;align-items: center;">
                            <label class="bababa aui-font-size-18">{{index+1}}</label>
                        </div>
                        <div class="box_wrapper aui-padded-t-10 aui-padded-b-10" style="width:60px;">
                            <img v-if="item.UserHeaderImg" class="box_image" :src="item.UserHeaderImg">
                            <img v-if="!item.UserHeaderImg" class="box_image" src="../image/default.png">
                        </div>
                        <div class="box_wrapper" style="display: flex;align-items: center;">
                            <div class="sta-list">
                                <div class="sta-title">
                                    {{item.UserName}}
                                </div>
                            </div>
                        </div>
                        <div class="box_wrapper aui-padded-t-10 aui-padded-b-10" style="display: flex;align-items: center;">
                            <div class="sta-list sta-delete">
                                <label class="aui-font-size-18">{{item.Number}}</label>
                                <!-- <label v-else class="aui-font-size-18">{{item.Number.toFixed(2)}}</label> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="userList.length<=0" class="noinfo" id="noorder" style="padding-top: 40px;padding-bottom: 40px;">
                    <img src="../image/index/noinfomsg_icon.png" alt="" />
                    <h5><br />暂无数据</h5>
                </div>
            </div>

        </div>

        <!--底部弹出年月选择-->
        <van-popup v-model:show="showsearchmonth" round position="bottom" :style="{ height: '40%' }">
            <van-datetime-picker v-model="currentDate" type="year-month" title="选择月份" :min-date="minDate"
                :max-date="maxDate" @cancel="doHideSearch" @confirm="onConfirm" :formatter="formatter" />
        </van-popup>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript" src="js/analysis_bjlh_frm.js"></script>

</html>